/* pages/campManage/campManage.wxss */
page {
  background-color: #f5f5f5;
}
.camp-box {
    width: 94%;
    height: 100%;
    margin: 0 auto;
    // background-color:skyblue;
    .status-box {
      height: 100rpx;
      line-height: 100rpx;
      display: flex;
      justify-content: space-around;
      align-items: center;

      .status {
        height: 40rpx;
        width: 150rpx;
        text-align: center;
        line-height: 40rpx;
        border-radius: 30rpx;
        padding: 5px 10rpx;
        background-color: #ececec;
        color: #a79c9a;
        font-size: 30rpx;
      }
      .status-active {
        background-color: #ffebc5;
        color: #fca946;
      }
    }
    .camp-item {
      width: 100%;
      height: 230rpx;
      background-color: #fff;
      margin-top: 20rpx;
      border-radius: 20rpx;
      padding: 15px;
      box-sizing: border-box;
      .camp-baseinfo {
        display: flex;
        justify-content: space-between;
        .camp-img {
          margin-right: 15rpx;
        }
        .camp-title {
          margin-right: auto;
          font-size: 32rpx;
          color: #333;
          padding-top: 20rpx;
        }
        .camp-info {
          // background-color: saddlebrown;
          .camp-type {
            font-size: 26rpx;
            color: #f9ae3d;
            width: 100rpx;
            height: 40rpx;
            line-height: 40rpx;
            border: 2rpx solid #f9ae3d;
            text-align: center;
            border-radius: 20rpx;
          }
          .camp-status {
            font-size: 26rpx;
            text-align: center;
            margin-top: 15rpx;
            color: #999;
          }
        }
      }
      .camp-set {
        height: 60rpx;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        // background-color: saddlebrown;
        .btn {
          margin: 0 15rpx;
          color: #fca946;
        }
      }
    }
}